﻿<script>
    $(document).ready(function () {
        $('#dataTable').dataTable({
            "bProcessing": true,
            "sAjaxSource": '/Content/json/article.txt',
            "aoColumns": [
                 { "mDataProp": "Type", "sTitle": "Type" },
                 { "mDataProp": "Title", "sTitle": "Title" },
                 { "mDataProp": "Author", "sTitle": "Author" },
                 { "mDataProp": "Last Modify", "sTitle": "Last Modify", "sWidth": "120px" },
                 { "mDataProp": "Status", "sTitle": "Status" },
                 { "mDataProp": null, "sTitle": "Action", "sWidth": "100px",
                     "fnRender": function (o, val) {
                         return "<a href='/Article/Edit'>Edit</a> | <a href='#'>Deactivate</a>";
                     }
                 }
            ]
        });
    });
</script>
<div class="grid_14">
    <a href="/">Home</a> &gt; Article
    <hr />
</div>
<div class="grid_14">
    <div class="box">
        <h2>Articles<b class="right"><a href="/Article/Edit">Add New Article</a></b></h2>
        <table id="dataTable"></table>
        <div class="clear"></div>
    </div>
</div>